@charset "UTF-8";

/* GENERAL CSS */
input, button, textarea	{
	outline: none;

}

input::-webkit-input-placeholder, input::-moz-input-placeholder, input::input-placeholder, textarea::-webkit-input-placeholder, textarea::-moz-input-placeholder, textarea::input-placeholder	{
	color: #ccc; font-weight: 200; text-shadow: none;
}








/* LOGIN setup */
.login legend	{
	float: left; width: 140px; padding: 4px 24px; margin: 12px 0;
	text-shadow: 0 1px white; text-align: right;
}

.login input.line	{
	padding: 4px 0; width: 300px; margin: 12px 0; background: transparent; border-bottom: 1px dotted #ccc; box-shadow: 0 1px white; clear: both;
	font-size: 18px; text-shadow: -1px -1px white; color: #111;
}


/* BUTTONS */
a.Button { line-height: 75px; }

input[type=submit], a.Button	{
	padding: 8px 50px 10px; margin-top: 12px; border: 1px solid white; border-radius: 5px; cursor: default;
	background: -webkit-linear-gradient(#cfceca 0%, #bab8b0 100% ); background: -moz-linear-gradient(#cfceca 0%, #bab8b0 100% ); background: linear-gradient(#cfceca 0%, #bab8b0 100% ); box-shadow: 0 1px 3px #999;
	color: white; font-size: 16px; font-weight: 500; text-shadow: 0 1px #949388;
}
input[type=submit]:hover, a.Button:hover	{ color: #eee; }


input[type=submit].black, a.Button.black	{
	background: #333; border-color: black; box-shadow: inset 0 1px #666, inset 0 4px 12px #444, inset 0 -6px 18px #222;
	text-shadow: 0 -2px black;
}
input[type=submit].black:hover, a.Button.black:hover	{
	background: #444; text-shadow: 0 -1px black;
}

/* INPUT FIELDS */
input[type=text].fill	{
	display: block; margin: 12px 1%; width: 96%; padding: 5px 1%; border: dotted #ccc; border-width: 0 0 1px 0; background: transparent; box-shadow: 0 1px white;
	font: 14px/1.2em "Helvetica Neue", Helvetica, sans-serif; color: #222; text-shadow: 0 1px white;
}


/*TEXTAREA*/
textarea	{
	width: 94%; margin: 10px 0; padding: 8px 3% 0; background: #fcfcfc url( static.php?file=icon.twitter.textarea.png ) no-repeat right center; border: 1px solid; border-color: #e3e3e3 #efefef white; border-radius: 4px;
	font: 15px/1.25em "Helvetica Neue", Helvetica, sans-serif; color: #4a4a4a; text-shadow: 0 1px white;
}

textarea.focus	{
	background-color: white; height: 75px; border-radius: 4px 4px 0;
}

div.textarea_wordcount	{
	display: none; position:relative; top: -14px; width: 22%; margin: 0 0 0 74%; padding: 5px 2%; background: black; border-radius: 0 0 4px 4px; text-align: right; 
}
div.textarea_wordcount > input	{
	background: #4a4a4a; padding: 5px 10px; margin-left: 10px; border-radius: 3px;
	font: 13px/1.15em "Helvetica Neue", Helvetica, sans-serif; color: white; text-shadow: 0 1px black;

}
div.textarea_wordcount:hover > input	{ background: #666; }
div.textarea_wordcount > input:hover	{
	background: #c3e731; text-shadow: 0 1px #87c216;
}
div.textarea_wordcount.focus	{ display: block; }

